<!DOCTYPE html>
<!--[if IE 8]> <html lang="en" class="ie8 no-js"> <![endif]-->
<!--[if IE 9]> <html lang="en" class="ie9 no-js"> <![endif]-->
<!--[if !IE]><!-->
<html lang="en">
<!--<![endif]-->
<!-- BEGIN HEAD -->
<head>
    <meta charset="utf-8"/>
    <title>WorkHelper | 协同办公系统-项目管理</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta content="width=device-width, initial-scale=1.0" name="viewport"/>
    <meta content="" name="description"/>
    <meta content="" name="author"/>
    <!-- BEGIN GLOBAL MANDATORY STYLES -->
    <link href="/skins/metronic/global/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css"/>
    <link href="/skins/metronic/global/plugins/simple-line-icons/simple-line-icons.min.css" rel="stylesheet" type="text/css"/>
    <link href="/skins/metronic/global/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
    <link href="/skins/metronic/global/plugins/uniform/css/uniform.default.css" rel="stylesheet" type="text/css"/>
    <link href="/skins/metronic/global/plugins/bootstrap-switch/css/bootstrap-switch.min.css" rel="stylesheet" type="text/css"/>
    <!-- END GLOBAL MANDATORY STYLES -->
    <!-- BEGIN THEME STYLES -->
    <link href="/skins/metronic/global/css/components.css" rel="stylesheet" type="text/css"/>
    <link href="/skins/metronic/global/css/plugins.css" rel="stylesheet" type="text/css"/>
    <link href="/skins/metronic/admin/layout/css/layout.css" rel="stylesheet" type="text/css"/>
    <link id="style_color" href="/skins/metronic/admin/layout/css/themes/default.css" rel="stylesheet" type="text/css"/>
    <link href="/skins/metronic/admin/layout/css/custom.css" rel="stylesheet" type="text/css"/>
    <!-- END THEME STYLES -->
    <link rel="shortcut icon" href="favicon.ico"/>
</head>
<!-- END HEAD -->
<!-- BEGIN BODY -->
<!-- DOC: Apply "page-header-fixed-mobile" and "page-footer-fixed-mobile" class to body element to force fixed header or footer in mobile devices -->
<!-- DOC: Apply "page-sidebar-closed" class to the body and "page-sidebar-menu-closed" class to the sidebar menu element to hide the sidebar by default -->
<!-- DOC: Apply "page-sidebar-hide" class to the body to make the sidebar completely hidden on toggle -->
<!-- DOC: Apply "page-sidebar-closed-hide-logo" class to the body element to make the logo hidden on sidebar toggle -->
<!-- DOC: Apply "page-sidebar-hide" class to body element to completely hide the sidebar on sidebar toggle -->
<!-- DOC: Apply "page-sidebar-fixed" class to have fixed sidebar -->
<!-- DOC: Apply "page-footer-fixed" class to the body element to have fixed footer -->
<!-- DOC: Apply "page-sidebar-reversed" class to put the sidebar on the right side -->
<!-- DOC: Apply "page-full-width" class to the body element to have full width page without the sidebar menu -->
<body class="page-quick-sidebar-over-content page-header-fixed-mobile page-footer-fixed1 page-header-fixed page-sidebar-fixed">

<!-- BEGIN 顶部导航 -->
<#include "/work/view/partials/header.html"/>
<!-- END 顶部导航 -->
<div class="clearfix">
</div>
<!-- BEGIN 主要容器部分 -->
<div class="page-container">
<div data-toggle="modal" ng-href="/project/partials/newTeam" data-target="#modal">Click me</div>
<!-- Button trigger modal -->
<div class="modal fade" id="winModal"  tabindex="-1" role="dialog"  aria-hidden="true">
    <div ng-include="'/work/view/partials/newProject'"></div>
</div>

<!-- BEGIN SIDEBAR -->
<div class="page-sidebar-wrapper">
    <!-- DOC: Set data-auto-scroll="false" to disable the sidebar from auto scrolling/focusing -->
    <!-- DOC: Change data-auto-speed="200" to adjust the sub menu slide up/down speed -->
    <div class="page-sidebar navbar-collapse collapse" >
        <!-- BEGIN 侧边菜单 -->
        <#include "/work/view/partials/left-menu.html"/>
        <!-- END 侧边菜单 -->
    </div>
</div>
<!-- END SIDEBAR -->
<!-- BEGIN CONTENT -->
<div class="page-content-wrapper">
    <div class="page-content">
        <!-- BEGIN PAGE HEADER-->
        <div class="row">
            <div class="col-md-12">
                <!-- BEGIN PAGE TITLE & BREADCRUMB-->
                <ul class="page-breadcrumb breadcrumb">
                    <li>
                        <i class="fa fa-inbox"></i>项目

                    </li>
                </ul>
                <!-- END PAGE TITLE & BREADCRUMB-->
            </div>
        </div>
        <!-- END PAGE HEADER-->
        <!-- BEGIN 内容-->
        <div class="tiles">
        <div class="tile double-down bg-blue-hoki">
            <div class="tile-body">
                <i class="fa fa-bell-o"></i>
            </div>
            <div class="tile-object">
                <div class="name">
                    Notifications
                </div>
                <div class="number">
                    6
                </div>
            </div>
        </div>
        <div class="tile bg-red-sunglo">
            <div class="tile-body">
                <i class="fa fa-calendar"></i>
            </div>
            <div class="tile-object">
                <div class="name">
                    Meetings
                </div>
                <div class="number">
                    12
                </div>
            </div>
        </div>
        <div class="tile double selected bg-green-turquoise">
            <div class="corner">
            </div>
            <div class="check">
            </div>
            <div class="tile-body">
                <h4>support@metronic.com</h4>
                <p>
                    Re: Metronic v1.2 - Project Update!
                </p>
                <p>
                    24 March 2013 12.30PM confirmed for the project plan update meeting...
                </p>
            </div>
            <div class="tile-object">
                <div class="name">
                    <i class="fa fa-envelope"></i>
                </div>
                <div class="number">
                    14
                </div>
            </div>
        </div>
        <div class="tile selected bg-yellow-saffron">
            <div class="corner">
            </div>
            <div class="tile-body">
                <i class="fa fa-user"></i>
            </div>
            <div class="tile-object">
                <div class="name">
                    Members
                </div>
                <div class="number">
                    452
                </div>
            </div>
        </div>
        <div class="tile double bg-blue-madison">
            <div class="tile-body">
                <img src="../../assets/admin/pages/media/profile/photo1.jpg" alt="">
                <h4>Announcements</h4>
                <p>
                    Easily style icon color, size, shadow, and anything that's possible with CSS.
                </p>
            </div>
            <div class="tile-object">
                <div class="name">
                    Bob Nilson
                </div>
                <div class="number">
                    24 Jan 2013
                </div>
            </div>
        </div>
        <div class="tile bg-purple-studio">
            <div class="tile-body">
                <i class="fa fa-shopping-cart"></i>
            </div>
            <div class="tile-object">
                <div class="name">
                    Orders
                </div>
                <div class="number">
                    121
                </div>
            </div>
        </div>
        <div class="tile image selected">
            <div class="tile-body">
                <img src="../../assets/admin/pages/media/gallery/image2.jpg" alt="">
            </div>
            <div class="tile-object">
                <div class="name">
                    Media
                </div>
            </div>
        </div>
        <div class="tile bg-green-meadow">
            <div class="tile-body">
                <i class="fa fa-comments"></i>
            </div>
            <div class="tile-object">
                <div class="name">
                    Feedback
                </div>
                <div class="number">
                    12
                </div>
            </div>
        </div>
        <div class="tile double bg-grey-cascade">
            <div class="tile-body">
                <img src="../../assets/admin/pages/media/profile/photo2.jpg" alt="" class="pull-right">
                <h3>@lisa_wong</h3>
                <p>
                    I really love this theme. I look forward to check the next release!
                </p>
            </div>
            <div class="tile-object">
                <div class="name">
                    <i class="fa fa-twitter"></i>
                </div>
                <div class="number">
                    10:45PM, 23 Jan
                </div>
            </div>
        </div>
        <div class="tile bg-red-intense">
            <div class="tile-body">
                <i class="fa fa-coffee"></i>
            </div>
            <div class="tile-object">
                <div class="name">
                    Meetups
                </div>
                <div class="number">
                    12 Jan
                </div>
            </div>
        </div>
        <div class="tile bg-green">
            <div class="tile-body">
                <i class="fa fa-bar-chart-o"></i>
            </div>
            <div class="tile-object">
                <div class="name">
                    Reports
                </div>
                <div class="number">
                </div>
            </div>
        </div>
        <div class="tile bg-blue-steel">
            <div class="tile-body">
                <i class="fa fa-briefcase"></i>
            </div>
            <div class="tile-object">
                <div class="name">
                    Documents
                </div>
                <div class="number">
                    124
                </div>
            </div>
        </div>
        <div class="tile image double selected">
            <div class="tile-body">
                <img src="../../assets/admin/pages/media/gallery/image4.jpg" alt="">
            </div>
            <div class="tile-object">
                <div class="name">
                    Gallery
                </div>
                <div class="number">
                    124
                </div>
            </div>
        </div>
        <div class="tile bg-yellow-lemon selected">
            <div class="corner">
            </div>
            <div class="check">
            </div>
            <div class="tile-body">
                <i class="fa fa-cogs"></i>
            </div>
            <div class="tile-object">
                <div class="name">
                    Settings
                </div>
            </div>
        </div>
        <div class="tile bg-red-sunglo">
            <div class="tile-body">
                <i class="fa fa-plane"></i>
            </div>
            <div class="tile-object">
                <div class="name">
                    Projects
                </div>
                <div class="number">
                    34
                </div>
            </div>
        </div>
        </div>


        <!-- END 内容-->
    </div>
</div>
<!-- END CONTENT -->
<!-- BEGIN QUICK SIDEBAR -->
<a href="javascript:;" class="page-quick-sidebar-toggler"><i class="icon-close"></i></a>
<div class="page-quick-sidebar-wrapper">
<div class="page-quick-sidebar">
<div class="nav-justified">
<ul class="nav nav-tabs nav-justified">
    <li class="active">
        <a href="#quick_sidebar_tab_1" data-toggle="tab">
            Users <span class="badge badge-danger">2</span>
        </a>
    </li>
    <li>
        <a href="#quick_sidebar_tab_2" data-toggle="tab">
            Alerts <span class="badge badge-success">7</span>
        </a>
    </li>
    <li class="dropdown">
        <a href="#" class="dropdown-toggle" data-toggle="dropdown">
            More<i class="fa fa-angle-down"></i>
        </a>
        <ul class="dropdown-menu pull-right" role="menu">
            <li>
                <a href="#quick_sidebar_tab_3" data-toggle="tab">
                    <i class="icon-bell"></i> Alerts </a>
            </li>
            <li>
                <a href="#quick_sidebar_tab_3" data-toggle="tab">
                    <i class="icon-info"></i> Notifications </a>
            </li>
            <li>
                <a href="#quick_sidebar_tab_3" data-toggle="tab">
                    <i class="icon-speech"></i> Activities </a>
            </li>
            <li class="divider">
            </li>
            <li>
                <a href="#quick_sidebar_tab_3" data-toggle="tab">
                    <i class="icon-settings"></i> Settings </a>
            </li>
        </ul>
    </li>
</ul>
<div class="tab-content">
<div class="tab-pane active page-quick-sidebar-chat" id="quick_sidebar_tab_1">
<div class="page-quick-sidebar-chat-users" data-rail-color="#ddd" data-wrapper-class="page-quick-sidebar-list">
    <h3 class="list-heading">Staff</h3>
    <ul class="media-list list-items">
        <li class="media">
            <div class="media-status">
                <span class="badge badge-success">8</span>
            </div>
            <img class="media-object" src="/skins/metronic/admin/layout/img/avatar3.jpg" alt="...">
            <div class="media-body">
                <h4 class="media-heading">Bob Nilson</h4>
                <div class="media-heading-sub">
                    Project Manager
                </div>
            </div>
        </li>
        <li class="media">
            <img class="media-object" src="/skins/metronic/admin/layout/img/avatar1.jpg" alt="...">
            <div class="media-body">
                <h4 class="media-heading">Nick Larson</h4>
                <div class="media-heading-sub">
                    Art Director
                </div>
            </div>
        </li>
        <li class="media">
            <div class="media-status">
                <span class="badge badge-danger">3</span>
            </div>
            <img class="media-object" src="/skins/metronic/admin/layout/img/avatar4.jpg" alt="...">
            <div class="media-body">
                <h4 class="media-heading">Deon Hubert</h4>
                <div class="media-heading-sub">
                    CTO
                </div>
            </div>
        </li>
        <li class="media">
            <img class="media-object" src="/skins/metronic/admin/layout/img/avatar2.jpg" alt="...">
            <div class="media-body">
                <h4 class="media-heading">Ella Wong</h4>
                <div class="media-heading-sub">
                    CEO
                </div>
            </div>
        </li>
    </ul>
    <h3 class="list-heading">Customers</h3>
    <ul class="media-list list-items">
        <li class="media">
            <div class="media-status">
                <span class="badge badge-warning">2</span>
            </div>
            <img class="media-object" src="/skins/metronic/admin/layout/img/avatar6.jpg" alt="...">
            <div class="media-body">
                <h4 class="media-heading">Lara Kunis</h4>
                <div class="media-heading-sub">
                    CEO, Loop Inc
                </div>
                <div class="media-heading-small">
                    Last seen 03:10 AM
                </div>
            </div>
        </li>
        <li class="media">
            <div class="media-status">
                <span class="label label-sm label-success">new</span>
            </div>
            <img class="media-object" src="/skins/metronic/admin/layout/img/avatar7.jpg" alt="...">
            <div class="media-body">
                <h4 class="media-heading">Ernie Kyllonen</h4>
                <div class="media-heading-sub">
                    Project Manager,<br>
                    SmartBizz PTL
                </div>
            </div>
        </li>
        <li class="media">
            <img class="media-object" src="/skins/metronic/admin/layout/img/avatar8.jpg" alt="...">
            <div class="media-body">
                <h4 class="media-heading">Lisa Stone</h4>
                <div class="media-heading-sub">
                    CTO, Keort Inc
                </div>
                <div class="media-heading-small">
                    Last seen 13:10 PM
                </div>
            </div>
        </li>
        <li class="media">
            <div class="media-status">
                <span class="badge badge-success">7</span>
            </div>
            <img class="media-object" src="/skins/metronic/admin/layout/img/avatar9.jpg" alt="...">
            <div class="media-body">
                <h4 class="media-heading">Deon Portalatin</h4>
                <div class="media-heading-sub">
                    CFO, H&D LTD
                </div>
            </div>
        </li>
        <li class="media">
            <img class="media-object" src="/skins/metronic/admin/layout/img/avatar10.jpg" alt="...">
            <div class="media-body">
                <h4 class="media-heading">Irina Savikova</h4>
                <div class="media-heading-sub">
                    CEO, Tizda Motors Inc
                </div>
            </div>
        </li>
        <li class="media">
            <div class="media-status">
                <span class="badge badge-danger">4</span>
            </div>
            <img class="media-object" src="/skins/metronic/admin/layout/img/avatar11.jpg" alt="...">
            <div class="media-body">
                <h4 class="media-heading">Maria Gomez</h4>
                <div class="media-heading-sub">
                    Manager, Infomatic Inc
                </div>
                <div class="media-heading-small">
                    Last seen 03:10 AM
                </div>
            </div>
        </li>
    </ul>
</div>
<div class="page-quick-sidebar-item">
    <div class="page-quick-sidebar-chat-user">
        <div class="page-quick-sidebar-nav">
            <a href="javascript:;" class="page-quick-sidebar-back-to-list"><i class="icon-arrow-left"></i>Back</a>
        </div>
        <div class="page-quick-sidebar-chat-user-messages">
            <div class="post out">
                <img class="avatar" alt="" src="/skins/metronic/admin/layout/img/avatar3.jpg"/>
                <div class="message">
                    <span class="arrow"></span>
                    <a href="#" class="name">Bob Nilson</a>
                    <span class="datetime">20:15</span>
											<span class="body">
											When could you send me the report ? </span>
                </div>
            </div>
            <div class="post in">
                <img class="avatar" alt="" src="/skins/metronic/admin/layout/img/avatar2.jpg"/>
                <div class="message">
                    <span class="arrow"></span>
                    <a href="#" class="name">Ella Wong</a>
                    <span class="datetime">20:15</span>
											<span class="body">
											Its almost done. I will be sending it shortly </span>
                </div>
            </div>
            <div class="post out">
                <img class="avatar" alt="" src="/skins/metronic/admin/layout/img/avatar3.jpg"/>
                <div class="message">
                    <span class="arrow"></span>
                    <a href="#" class="name">Bob Nilson</a>
                    <span class="datetime">20:15</span>
											<span class="body">
											Alright. Thanks! :) </span>
                </div>
            </div>
            <div class="post in">
                <img class="avatar" alt="" src="/skins/metronic/admin/layout/img/avatar2.jpg"/>
                <div class="message">
                    <span class="arrow"></span>
                    <a href="#" class="name">Ella Wong</a>
                    <span class="datetime">20:16</span>
											<span class="body">
											You are most welcome. Sorry for the delay. </span>
                </div>
            </div>
            <div class="post out">
                <img class="avatar" alt="" src="/skins/metronic/admin/layout/img/avatar3.jpg"/>
                <div class="message">
                    <span class="arrow"></span>
                    <a href="#" class="name">Bob Nilson</a>
                    <span class="datetime">20:17</span>
											<span class="body">
											No probs. Just take your time :) </span>
                </div>
            </div>
            <div class="post in">
                <img class="avatar" alt="" src="/skins/metronic/admin/layout/img/avatar2.jpg"/>
                <div class="message">
                    <span class="arrow"></span>
                    <a href="#" class="name">Ella Wong</a>
                    <span class="datetime">20:40</span>
											<span class="body">
											Alright. I just emailed it to you. </span>
                </div>
            </div>
            <div class="post out">
                <img class="avatar" alt="" src="/skins/metronic/admin/layout/img/avatar3.jpg"/>
                <div class="message">
                    <span class="arrow"></span>
                    <a href="#" class="name">Bob Nilson</a>
                    <span class="datetime">20:17</span>
											<span class="body">
											Great! Thanks. Will check it right away. </span>
                </div>
            </div>
            <div class="post in">
                <img class="avatar" alt="" src="/skins/metronic/admin/layout/img/avatar2.jpg"/>
                <div class="message">
                    <span class="arrow"></span>
                    <a href="#" class="name">Ella Wong</a>
                    <span class="datetime">20:40</span>
											<span class="body">
											Please let me know if you have any comment. </span>
                </div>
            </div>
            <div class="post out">
                <img class="avatar" alt="" src="/skins/metronic/admin/layout/img/avatar3.jpg"/>
                <div class="message">
                    <span class="arrow"></span>
                    <a href="#" class="name">Bob Nilson</a>
                    <span class="datetime">20:17</span>
											<span class="body">
											Sure. I will check and buzz you if anything needs to be corrected. </span>
                </div>
            </div>
        </div>
        <!--QuickSidebar-->
        <div class="page-quick-sidebar-chat-user-form">
            <div class="input-group">
                <input type="text" class="form-control" placeholder="Type a message here...">
                <div class="input-group-btn">
                    <button type="button" class="btn blue"><i class="icon-paper-clip"></i>这是一个</button>
                </div>
            </div>
        </div>
    </div>
</div>
</div>
<div class="tab-pane page-quick-sidebar-alerts" id="quick_sidebar_tab_2">
<div class="page-quick-sidebar-alerts-list">
<h3 class="list-heading">General</h3>
<ul class="feeds list-items">
    <li>
        <div class="col1">
            <div class="cont">
                <div class="cont-col1">
                    <div class="label label-sm label-info">
                        <i class="fa fa-check"></i>
                    </div>
                </div>
                <div class="cont-col2">
                    <div class="desc">
                        You have 4 pending tasks. <span class="label label-sm label-warning ">
													Take action <i class="fa fa-share"></i>
													</span>
                    </div>
                </div>
            </div>
        </div>
        <div class="col2">
            <div class="date">
                Just now
            </div>
        </div>
    </li>
    <li>
        <a href="#">
            <div class="col1">
                <div class="cont">
                    <div class="cont-col1">
                        <div class="label label-sm label-success">
                            <i class="fa fa-bar-chart-o"></i>
                        </div>
                    </div>
                    <div class="cont-col2">
                        <div class="desc">
                            Finance Report for year 2013 has been released.
                        </div>
                    </div>
                </div>
            </div>
            <div class="col2">
                <div class="date">
                    20 mins
                </div>
            </div>
        </a>
    </li>
    <li>
        <div class="col1">
            <div class="cont">
                <div class="cont-col1">
                    <div class="label label-sm label-danger">
                        <i class="fa fa-user"></i>
                    </div>
                </div>
                <div class="cont-col2">
                    <div class="desc">
                        You have 5 pending membership that requires a quick review.
                    </div>
                </div>
            </div>
        </div>
        <div class="col2">
            <div class="date">
                24 mins
            </div>
        </div>
    </li>
    <li>
        <div class="col1">
            <div class="cont">
                <div class="cont-col1">
                    <div class="label label-sm label-info">
                        <i class="fa fa-shopping-cart"></i>
                    </div>
                </div>
                <div class="cont-col2">
                    <div class="desc">
                        New order received with <span class="label label-sm label-success">
													Reference Number: DR23923 </span>
                    </div>
                </div>
            </div>
        </div>
        <div class="col2">
            <div class="date">
                30 mins
            </div>
        </div>
    </li>
    <li>
        <div class="col1">
            <div class="cont">
                <div class="cont-col1">
                    <div class="label label-sm label-success">
                        <i class="fa fa-user"></i>
                    </div>
                </div>
                <div class="cont-col2">
                    <div class="desc">
                        You have 5 pending membership that requires a quick review.
                    </div>
                </div>
            </div>
        </div>
        <div class="col2">
            <div class="date">
                24 mins
            </div>
        </div>
    </li>
    <li>
        <div class="col1">
            <div class="cont">
                <div class="cont-col1">
                    <div class="label label-sm label-info">
                        <i class="fa fa-bell-o"></i>
                    </div>
                </div>
                <div class="cont-col2">
                    <div class="desc">
                        Web server hardware needs to be upgraded. <span class="label label-sm label-warning">
													Overdue </span>
                    </div>
                </div>
            </div>
        </div>
        <div class="col2">
            <div class="date">
                2 hours
            </div>
        </div>
    </li>
    <li>
        <a href="#">
            <div class="col1">
                <div class="cont">
                    <div class="cont-col1">
                        <div class="label label-sm label-default">
                            <i class="fa fa-briefcase"></i>
                        </div>
                    </div>
                    <div class="cont-col2">
                        <div class="desc">
                            IPO Report for year 2013 has been released.
                        </div>
                    </div>
                </div>
            </div>
            <div class="col2">
                <div class="date">
                    20 mins
                </div>
            </div>
        </a>
    </li>
</ul>
<h3 class="list-heading">System</h3>
<ul class="feeds list-items">
    <li>
        <div class="col1">
            <div class="cont">
                <div class="cont-col1">
                    <div class="label label-sm label-info">
                        <i class="fa fa-check"></i>
                    </div>
                </div>
                <div class="cont-col2">
                    <div class="desc">
                        You have 4 pending tasks. <span class="label label-sm label-warning ">
													Take action <i class="fa fa-share"></i>
													</span>
                    </div>
                </div>
            </div>
        </div>
        <div class="col2">
            <div class="date">
                Just now
            </div>
        </div>
    </li>
    <li>
        <a href="#">
            <div class="col1">
                <div class="cont">
                    <div class="cont-col1">
                        <div class="label label-sm label-danger">
                            <i class="fa fa-bar-chart-o"></i>
                        </div>
                    </div>
                    <div class="cont-col2">
                        <div class="desc">
                            Finance Report for year 2013 has been released.
                        </div>
                    </div>
                </div>
            </div>
            <div class="col2">
                <div class="date">
                    20 mins
                </div>
            </div>
        </a>
    </li>
    <li>
        <div class="col1">
            <div class="cont">
                <div class="cont-col1">
                    <div class="label label-sm label-default">
                        <i class="fa fa-user"></i>
                    </div>
                </div>
                <div class="cont-col2">
                    <div class="desc">
                        You have 5 pending membership that requires a quick review.
                    </div>
                </div>
            </div>
        </div>
        <div class="col2">
            <div class="date">
                24 mins
            </div>
        </div>
    </li>
    <li>
        <div class="col1">
            <div class="cont">
                <div class="cont-col1">
                    <div class="label label-sm label-info">
                        <i class="fa fa-shopping-cart"></i>
                    </div>
                </div>
                <div class="cont-col2">
                    <div class="desc">
                        New order received with <span class="label label-sm label-success">
													Reference Number: DR23923 </span>
                    </div>
                </div>
            </div>
        </div>
        <div class="col2">
            <div class="date">
                30 mins
            </div>
        </div>
    </li>
    <li>
        <div class="col1">
            <div class="cont">
                <div class="cont-col1">
                    <div class="label label-sm label-success">
                        <i class="fa fa-user"></i>
                    </div>
                </div>
                <div class="cont-col2">
                    <div class="desc">
                        You have 5 pending membership that requires a quick review.
                    </div>
                </div>
            </div>
        </div>
        <div class="col2">
            <div class="date">
                24 mins
            </div>
        </div>
    </li>
    <li>
        <div class="col1">
            <div class="cont">
                <div class="cont-col1">
                    <div class="label label-sm label-warning">
                        <i class="fa fa-bell-o"></i>
                    </div>
                </div>
                <div class="cont-col2">
                    <div class="desc">
                        Web server hardware needs to be upgraded. <span class="label label-sm label-default ">
													Overdue </span>
                    </div>
                </div>
            </div>
        </div>
        <div class="col2">
            <div class="date">
                2 hours
            </div>
        </div>
    </li>
    <li>
        <a href="#">
            <div class="col1">
                <div class="cont">
                    <div class="cont-col1">
                        <div class="label label-sm label-info">
                            <i class="fa fa-briefcase"></i>
                        </div>
                    </div>
                    <div class="cont-col2">
                        <div class="desc">
                            IPO Report for year 2013 has been released.
                        </div>
                    </div>
                </div>
            </div>
            <div class="col2">
                <div class="date">
                    20 mins
                </div>
            </div>
        </a>
    </li>
</ul>
</div>
</div>
<div class="tab-pane page-quick-sidebar-settings" id="quick_sidebar_tab_3">
    <div class="page-quick-sidebar-settings-list">
        <h3 class="list-heading">General Settings</h3>
        <ul class="list-items borderless">
            <li>
                Enable Notifications <input type="checkbox" class="make-switch" checked data-size="small" data-on-color="success" data-on-text="ON" data-off-color="default" data-off-text="OFF">
            </li>
            <li>
                Allow Tracking <input type="checkbox" class="make-switch" data-size="small" data-on-color="info" data-on-text="ON" data-off-color="default" data-off-text="OFF">
            </li>
            <li>
                Log Errors <input type="checkbox" class="make-switch" checked data-size="small" data-on-color="danger" data-on-text="ON" data-off-color="default" data-off-text="OFF">
            </li>
            <li>
                Auto Sumbit Issues <input type="checkbox" class="make-switch" data-size="small" data-on-color="warning" data-on-text="ON" data-off-color="default" data-off-text="OFF">
            </li>
            <li>
                Enable SMS Alerts <input type="checkbox" class="make-switch" checked data-size="small" data-on-color="success" data-on-text="ON" data-off-color="default" data-off-text="OFF">
            </li>
        </ul>
        <h3 class="list-heading">System Settings</h3>
        <ul class="list-items borderless">
            <li>
                Security Level
                <select class="form-control input-inline input-sm input-small">
                    <option value="1">Normal</option>
                    <option value="2" selected>Medium</option>
                    <option value="e">High</option>
                </select>
            </li>
            <li>
                Failed Email Attempts <input class="form-control input-inline input-sm input-small" value="5"/>
            </li>
            <li>
                Secondary SMTP Port <input class="form-control input-inline input-sm input-small" value="3560"/>
            </li>
            <li>
                Notify On System Error <input type="checkbox" class="make-switch" checked data-size="small" data-on-color="danger" data-on-text="ON" data-off-color="default" data-off-text="OFF">
            </li>
            <li>
                Notify On SMTP Error <input type="checkbox" class="make-switch" checked data-size="small" data-on-color="warning" data-on-text="ON" data-off-color="default" data-off-text="OFF">
            </li>
        </ul>
        <div class="inner-content">
            <button class="btn btn-success"><i class="icon-settings"></i> Save Changes</button>
        </div>
    </div>
</div>
</div>
</div>
</div>
</div>
<!-- END QUICK SIDEBAR -->
</div>
<!-- END 主要容器部分 -->
<!-- BEGIN 底部 -->
<#include "/work/view/partials/footer.html"/>
<!-- END 底部 -->
<!-- BEGIN JAVASCRIPTS(Load javascripts at bottom, this will reduce page load time) -->
<!-- BEGIN CORE PLUGINS -->
<!--[if lt IE 9]>
<script src="/skins/metronic/global/plugins/respond.min.js"></script>
<script src="/skins/metronic/global/plugins/excanvas.min.js"></script>
<![endif]-->
<script src="/skins/metronic/global/plugins/jquery-1.11.0.min.js" type="text/javascript"></script>
<script src="/skins/metronic/global/plugins/jquery-migrate-1.2.1.min.js" type="text/javascript"></script>
<!-- IMPORTANT! Load jquery-ui-1.10.3.custom.min.js before bootstrap.min.js to fix bootstrap tooltip conflict with jquery ui tooltip -->
<script src="/skins/metronic/global/plugins/jquery-ui/jquery-ui-1.10.3.custom.min.js" type="text/javascript"></script>
<script src="/skins/metronic/global/plugins/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
<script src="/skins/metronic/global/plugins/bootstrap-hover-dropdown/bootstrap-hover-dropdown.min.js" type="text/javascript"></script>
<script src="/skins/metronic/global/plugins/jquery-slimscroll/jquery.slimscroll.min.js" type="text/javascript"></script>
<script src="/skins/metronic/global/plugins/jquery.blockui.min.js" type="text/javascript"></script>
<script src="/skins/metronic/global/plugins/jquery.cokie.min.js" type="text/javascript"></script>
<script src="/skins/metronic/global/plugins/uniform/jquery.uniform.min.js" type="text/javascript"></script>
<script src="/skins/metronic/global/plugins/bootstrap-switch/js/bootstrap-switch.min.js" type="text/javascript"></script>
<!-- END CORE PLUGINS -->
<script src="/skins/metronic/global/scripts/metronic.js" type="text/javascript"></script>
<script src="/skins/metronic/admin/layout/scripts/layout.js" type="text/javascript"></script>
<script src="/skins/metronic/admin/layout/scripts/quick-sidebar.js" type="text/javascript"></script>
<script>
    jQuery(document).ready(function() {
        Metronic.init(); // init metronic core components
        Layout.init(); // init current layout
        QuickSidebar.init() // init quick sidebar
    });
</script>
<!-- END JAVASCRIPTS -->
</body>
<!-- END BODY -->
</html>